<template>
    <div @click="linkToSearch()">
        <nut-searchbar>
            <template #leftin>
                <IconFont name="search2"></IconFont>
            </template>
        </nut-searchbar>
    </div>
    <productCard :productList="productList"></productCard>
</template>

<script setup>
import { productList } from '@/config/index.ts'
import { reactive } from 'vue'
import productCard from './productCard.vue'
import Taro from '@tarojs/taro'
import { IconFont } from '@nutui/icons-vue-taro'

const linkToSearch = () => {
    Taro.navigateTo({
        url: `/pages/product/search/index`
    })
}
</script>

<style lang="less">
.nut-swiper-item {
    height: 500px;
}

.nut-swiper-item img {
    width: 100%;
    height: 100%;
}

.index-img {
    width: 750px;
    height: 1600px;
}
</style>
